Design for mobile first
以移動端優先的設計
什麼是移動優先設計?
移動優先設計是一種設計方法:先為手機設計,再擴充套件到平板和電腦。這樣做的好處是從最基本的功能開始,再慢慢新增更多功能。
移動優先設計的核心思想
- 先為小螢幕(手機)設計,然後再擴充套件到大螢幕裝置。
- 從最重要的核心功能開始,再逐步增加其他功能。
- 與此相反,有些設計是先做電腦版,再簡化成手機版。
為什麼移動優先很重要?
- 使用手機的人越來越多:預計到2025年,72%的人只用手機上網。
- 很多人第一次上網就是用手機:特別是在發展中國家,大多數新使用者都是透過手機接入網際網路的。
移動優先設計的好處
- 載入更快:手機效能比電腦弱,所以移動優先設計會減少不必要的內容,讓頁面開啟更快。從小螢幕開始設計,能幫助我們最佳化每個元素,提高載入速度。
- 適應不同裝置:先設計手機版,能幫我們找出最重要的內容和功能,確保手機和電腦版本保持一致。
- 實際案例:YouTube Go:YouTube Go是專為網路不好的使用者設計的手機應用。即使在網路不穩定的情況下,使用者也能順暢使用。
真實案例:Google搜尋
Google以前按照電腦使用者的習慣來排序搜尋結果。後來發現大多數人用手機搜尋,就改變了排序方式,優先考慮手機使用者的需求。比如:以前搜尋餐廳,會顯示美食評論網站。現在手機使用者會優先看到地址和導航資訊,因為他們可能正在路上。這個改變說明了移動優先設計如何影響產品和使用者體驗。